dsd = new Vue({
    el: '#dsd',
    data: {
        navs: [
        { 
            text: '马上申请',
            href: 'register.html',
            id: 'register'
        },
        { 
            text: '登录',
            href: 'login.html',
            id: 'login'
        },
       /* { 
            text: '新手指南',
            href: 'test.html',
            id: 'new'
        },*/
        { 
            text: '帮助中心',
            href: 'help_cjwt.html',
            id: 'help-cjwt'
        },
        /*{ 
            text: '联系我们',
            href: 'test.html'
        },*/
        { 
            text: '数据服务',
            href: 'data_fee.html',
            id: 'data-fee'
        },
    ],
        advantages:[
            {
                img: 'images/i_img/1.png',
                h4: '经营数据显价值',
                p: '凭店铺在天猫平台上记录的连续24个月经营数据，即可申请最高<span>100万</span>的信用贷款'
            },
            {
                img: 'images/i_img/4.png',
                h4: '随借随还成本低',
                p: '随借随还，用一天收一天利息，不使用不计息，<span>按日计息</span>'
            },
            {
                img: 'images/i_img/3.png',
                h4: '纯凭信用条件少',
                p: '无需抵质押，无需担保，<span>依据经营数据贷款</span>，经营规模越大，服务评价越好，可融资的金额就越高'
            },
            {
                img: 'images/i_img/2.png',
                h4: '申请放款效率高',
                p: '在线即时测算可贷款额度，申请简单，100万以下当天申请，<span>最快当天完成审批，最快可当天提款，即时到账</span>'
            },
        ],
        steps:[
            {
                img: 'images/i_img/sqlc_01.png',
                h3: '1.填写信息',
                p: '借款人信息、公司信息、店铺信息'
            },
            {
                img: 'images/i_img/sqlc_02.png',
                h3: '2.专人服务',
                p: '银行工作人员上门服务'
            },
            {
                img: 'images/i_img/sqlc_03.png',
                h3: '3.面签合同',
                p: '客户到银行签订相关合同'
            },
            {
                img: 'images/i_img/sqlc_04.png',
                h3: '4.客户收款',
                p: '银行按照合同发放贷款金额'
            },
        ],
        promises: [
            {
                img: 'images/i_img/promise_01.png',
            },
            {
                img: 'images/i_img/promise_02.png',
            },
            {
                img: 'images/i_img/promise_03.png',
            },
            {
                img: 'images/i_img/promise_04.png',
            },
            {
                img: 'images/i_img/promise_05.png',
            },
        ],
        help_navs:[
            {
                text: '新手指南',
                href: 'help_xszn.html',
                id: 'sub-help-xszn'
            },
            {
                text: '常见问题',
                href: 'help_cjwt.html',
                id: 'sub-help-cjwt'
            },
            {
                text: '联系我们',
                href: 'help_contact.html',
                id: 'help-contact'
            },
            {
                text: '关于我们',
                href: 'about.html',
                id: 'about'
            },
            {
                text: '服务协议',
                href: 'sprotocal.html',
                id: 'sprotocal'
            },
            {
                text: '隐私条款',
                href: 'privateinfo.html',
                id: 'privateinfo'
            },
            {
                text: '免责申明',
                href: 'lawdeclare.html',
                id: 'lawdeclare'
            },
        ],
        fee_icons:[
            {
                id: 'fee-icon-1',
                img: 'images/pic_2.png',
                detail: '<h3>创新电商数据征信</h3><p>安全客观，评估准确</p><p>让电商融资更便捷</p>'
            },
            {
                id: 'fee-icon-2',
                img: 'images/pic_3.png',
                detail: '<h3>专享银行低息贷款</h3><p>企业级银行专业金融综合服务</p><p>直接银行放款，安全有保障</p>'
            },
            {
                id: 'fee-icon-3',
                img: 'images/pic_4.png',
                detail: '<h3>标准化收费模式</h3><p>数据服务费授信成功才收取</p><p>一次性收取，服务享受一整年</p>'
            },
            {
                id: 'fee-icon-4',
                img: 'images/pic_1.png',
                detail: '<h3>电商产业数据增值服务</h3><p>优化店铺运营，销售高峰预测</p><p>数据前沿，洞悉市</p>'
            },
        ],
        fee_types:[
            {
                img: 'images/pic_5.png',
                detail: '<h3>X &le; 40万</h3><button type="button" class="btn btn-warning">￥1800元</button>'
            },
            {
                img: 'images/pic_6.png',
                detail: '<h3>40万 &lt; X &le; 60万</h3><button type="button" class="btn btn-warning">￥2800元</button>'
            },
            {
                img: 'images/pic_7.png',
                detail: '<h3>60万 &lt; X &le; 80万</h3><button type="button" class="btn btn-warning">￥3800元</button>'
            },
            {
                img: 'images/pic_8.png',
                detail: '<h3>80万 &lt; X &le; 00万</h3><button type="button" class="btn btn-warning">￥4800元</button>'
            },
        ],
        show: false,
        // warning_message: ''
        checked: false,
        // register: true
    },
    methods: {
        greet: function (event) {
            alert(event.target.tagName)
        },
        typeDone: function (message) {
            var $message_dom = $('#' + message);
            var val = $message_dom.val();
            var warning = false;

            $message_dom.css('border', '1px solid #ccc');

            if ( message == 'mobile' && !/\d{11}/.test(val) ) {
                // this.show = true;
                // this.warning_message = "请输入合法的电话号码"
                warning = true;
                alert('请输入合法的电话号码！');
            }

            if ( message == 'pwd' && val.length == 0 ) {
                // this.show = true;
                // this.warning_message = "请输入密码"
                warning = true;
                alert('请输入密码');
            }

            if ( message == 'code' && val == '' ) {
                warning = true;
                alert('请输入验证码！');
            }

            if ( warning ) {
                $message_dom.css('border', '1px solid red');
            }


        }
    },
    watch: {
        checked: function (val) {
            if ( val ) {
                console.log( $('#register-button').removeAttr('disabled') ) 
            }else{
                $('#register-button').attr('disabled', 'disabled');
            }
        }
    }

});

